// 负责管理所有的自定义指令
export const imagerror = {
  // inserted插入的意思
  // 指令对象 会在当前的dom元素插入到节点之后执行
  inserted (dom, opction) {
    // 当dom.src有值时用  dom.src=dom.src   没有值时 dom.src =opction.value
    dom.src = dom.src || opction.value
    // options是 指令中的变量的解释  其中有一个属性叫做 value
    // dom是当前指令的作用dom对象
    // dom认为此时就是图片
    // 当图片有地址   但是地址没有加载成功的时候会触发一个图片事件=>onerror
    dom.onerror = function () {
      // 当图片出现异常的时候 会将指令配置的默认图片设置为该图片的内容
      // dom可以注册error事件
      dom.src = opction.value// 这里不能写死
    }
  },
  componentUpdated (dom, options) {
    // inserted这个钩子函数只会在第一次加载时被调用   如果组件发生变化dom.src为空值不会调用  而componentUpdated 会被调用
    dom.src = dom.src || options.value
  }
}
